<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>主页</title>
		<link rel="stylesheet" href="css/bootstrap/bootstrap.css" />
		<link rel="stylesheet" href="css/index.css" />
	</head>
	<body>
		<div class="web">
			<header>			
				<div class="container">
					<!--导航 logo-->
					<div class="row">
						<div class="col-md-2 col-md-offset-10 col-sm-2 col-sm-offset-10 ">
							<div class="logo">
								<a href="index.html">
									<img src="img/index_img/logo_01.png" alt="" class="img-responsive"/>
								</a>
							</div>
						</div>
					</div>
					<!--banner文字-->
					<div class="row paragraph">
						<div class="col-md-5 col-md-offset-7 col-sm-5 col-sm-offset-7">
							<p class="col-md-12">BLUE.J  Used Code the dream</p>
							<div class="imgwrap">
								<img src="img/index_img/font.png" alt="" class="img-responsive"/>
							</div>
							<p class="col-md-12">Internet knowledge service enterprise</p>
							<p class="col-md-12">互联网知识服务型企业</p>	
						</div>
					</div>					
				</div>
				<!--三个模块-->
				<div class="container block-group">
					<div class="row">
						<div class="col-md-2 col-md-offset-1">
							<div class="block">
								<a href="index.html">蓝景技术</a>
							</div>
							<h6>Internet</h6>
							<p>互联网知识服务型企业</p>
						</div>
						<div class="col-md-2">
							<div class="elipsis">
								<img src="img/index_img/ellipsis.png" alt="" class="img-responsive"/>
							</div>
						</div>
						<div class="col-md-2">
							<div class="block">
								<a href="train.html">蓝景营销</a>
							</div>
							<h6>Internet</h6>
							<p>互联网知识服务型企业</p>
						</div>
						<div class="col-md-2">
							<div class="elipsis">
								<img src="img/index_img/ellipsis.png" alt="" class="img-responsive"/>
							</div>
						</div>	
						<div class="col-md-2">
							<div class="block">
								<a href="publicity.html">蓝景培训</a>
							</div>
							<h6>Internet</h6>
							<p>互联网知识服务型企业</p>
						</div>
					</div>
				</div>
			</header>
			<!--办公环境-->
			<section class="office-ent">
				<div class="container">
					<div class="row">
						<div class="col-md-12">
							<p class="title">
								<span>
									<img src="img/index_img/icon_01.png" alt="" />
								</span>
								蓝景提供优秀的办公环境
							</p>
						</div>
					</div>
					<div class="row">
						<div class="col-md-6 col-lg-4">
							<div class="office-ent-item">
								<div class="imgwrap">
									<img src="img/index_img/picture_01.jpg" alt=""/>
								</div>
								<p>
									<span>
										<img src="img/index_img/icon_02.png" alt="" />
									</span>
									<span>|</span>
									<span>办公室环境</span>
								</p>
								<p>蓝景-提供优秀的办公环境</p>
							</div>
						</div>
						<div class="col-md-6 col-lg-4">
							<div class="office-ent-item">
								<div class="imgwrap">
									<img src="img/index_img/picture_02.jpg" alt=""/>
								</div>
								<p>
									<span>
										<img src="img/index_img/icon_03.png" alt="" />
									</span>
									<span>|</span>
									<span>休闲区域</span>
								</p>
								<p>蓝景-提供优秀的办公环境</p>
							</div>
						</div>
						<div class="col-md-6 col-lg-4">
							<div class="office-ent-item">
								<div class="imgwrap">
									<img src="img/index_img/picture_03.jpg" alt=""/>
								</div>
								<p>
									<span>
										<img src="img/index_img/icon_04.png" alt="" />
									</span>
									<span>|</span>
									<span>会议室</span>
								</p>
								<p>蓝景-提供优秀的办公环境</p>
							</div>
						</div>
					</div>
					<!--地理位置-->
					<div class="container address">
						<div class="row">
							<div class="col-lg-7">
								<div class="map-wrap">
									<img src="img/index_img/map.jpg" alt=""/>
								</div>
							</div>
							<div class="col-lg-5 col-md-12">
								<div class="detail-address">
									<ul>
										<li>
											<div class="icon-wrap">
												<img src="img/index_img/icon_05.png" alt="" />
											</div>											
											<h6>津滨腾越</h6>										
											<p>广州市天河区珠江新城华夏路49号津滨腾跃大厦南塔24楼</p>
										</li>
										<li>
											<div class="icon-wrap">
												<img src="img/index_img/icon_05.png" alt="" />
											</div>											
											<h6>雅居乐中心</h6>										
											<p>广州市天河区珠江新城华夏路26号雅居乐中心31楼</p>
										</li>
										<li>
											<div class="icon-wrap">
												<img src="img/index_img/icon_06.png" alt="" />
											</div>
											<p>020-22081494-2494</p>
										</li>
										<li>
											<div class="icon-wrap">
												<img src="img/index_img/icon_07.png" alt="" />
											</div>
											<p>2903359018</p>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>
		</div>
	</body>
</html>
